import { Table } from "antd";

const DependentedDatabases = ({ application }) => {
    const TableHeader = () => {
        return (
            <div style={{ display: "flex", justifyContent: "space-between" }}>
                <div style={{ lineHeight: "32px" }}>依赖的数据库模型信息</div>
            </div>
        );
    };

    return (
        <Table title={TableHeader} dataSource={application.appData || []} rowKey="uuid" size="small" bordered pagination={false}>
            <Table.Column title="序号" align="center" width={60} render={(_, r, i) => i + 1} />
            <Table.Column title="数据库模型名称" dataIndex="databaseName" align="left" />
            <Table.Column title="数据库模型说明" dataIndex="title" align="left" />
            <Table.Column title="数据库模型版本号" dataIndex="versionNo" align="center" />
        </Table>
    );
};

export default DependentedDatabases;
